<!DOCTYPE html>
<html>
<head>
<title>::: 골프인 :::</title>
<meta charset="utf-8" />
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<meta http-equiv=Cache-Control content=No-Cache>
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<!--[if (gte IE 6)&(lte IE 8)]>
  <script type="text/javascript" src="../js/selectivizr.js"></script>
<![endif]--> 

<!--[if IE 6]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<script type="text/javascript" src="../js/DD_belatedPNG_0.0.8a-min.js"></script>
<script type="text/javascript">DD_belatedPNG.fix('.png_bg, .footer, footer, .t_over, img');</script>
<![endif]-->
<!-- 여기 위치에 두 스크립트 추가 부탁드립니다. -->
<script type="text/javascript" src="/js/preload.js"></script>
<link href="../css/common.css" rel="stylesheet" type="text/css" />
</head>

<body id="reserve">
<header>
	<div id="top_cont">
		<div class="top_tit">
			<h4><img src="../images/title/title_02_04_2.png" alt="실시간부킹검색" /></h4>
			<p class="top_txt"> 전국의 모든 골프방의 부킹예약을 할 수 있는 통합 부킹 시스템입니다. </p>
		</div>
	</div><!--//  id="top_cont" 끝-->	
</header>

<div id="container">
	<!--좌측컨텐츠-->
	<section id="left_content">

		<h6 class="reserve_h6"><img src="../images/board/left_reserv_tit01.png" alt="기간선택" /></h6>
		<!--캘린더-->
		<article class="calendar">
			<dl>
				<dt>
					5월
					<span class="bt_prev"><img src="../images/btn/btn_prev05.gif" alt="이전" /></span>
					<span class="bt_next"><img src="../images/btn/btn_next05.gif" alt="다음" /></span>
				</dt>
				<dd>
					<table>
						<colgroup>
							<col width="15%" /><col width="14%" /><col width="14%" /><col width="14%" /><col width="14%" /><col width="14%" /><col width="15%" />
						</colgroup>
						<tbody>
							<tr>
								<td> </td><!--공휴일/일요일 css style 부분-->
								<td> </td>
								<td>1</td>
								<td>2</td>
								<td>3</td>
								<td>4</td>
								<td class="holiday">5</td><!--공휴일  css style 부분-->
							</tr>
							<tr>
								<td>6</td> 
								<td>7</td>
								<td class="today">8</td><!--오늘 날짜 css style 부분-->
								<td>9</td> 
								<td>10</td> 
								<td>11</td>
								<td>12</td> 
							</tr>
							<tr>
								<td>13</td> 
								<td>14</td>
								<td>15</td> 
								<td class="start_day">16</td><!-- 날짜 선택시_start 날짜 css style 부분-->
								<td class="res_day">17</td><!-- 날짜 선택시_2주간 블럭 설정  css style 부분-->
								<td class="res_day">18</td>
								<td class="res_day">19</td> 
							</tr>
							<tr>
								<td class="res_day">20</td> 
								<td class="res_day">21</td>
								<td class="res_day">22</td> 
								<td class="res_day">23</td>
								<td class="res_day">24</td>
								<td class="res_day">25</td>
								<td class="res_day">26</td> 
							</tr>
							<tr>
								<td class="res_day">27</td> 
								<td class="holiday res_day">28</td><!--공휴일 css style 부분-->
								<td class="res_day">29</td> 
								<td>30</td>
								<td>31</td>
								<td> </td>
								<td> </td> 
							</tr>
						</tbody>
					</table>
				</dd>
			</dl>
		</article><!--//  class="calendar" 끝-->	

		<h6 class="reserve_h6">
			<img src="../images/board/left_reserv_tit02.png" alt="지역선택" />
			<span><img src="../images/board/left_reserv_fix.png" alt="my설정" /></span><!--/popup/pop_fix.html  최소 width:300px; height:480px 로 팝업띄우기-->
		</h6>
		<!--지역선택-->
		<article class="area_choice">
			<dl>
				<dt><label><input type="checkbox" />전체</label></dt>

				<dt><label><input type="checkbox" />서울</label></dt>
				<dd>
					<label><input type="checkbox" />SKY72 하늘코스</label>
					<label><input type="checkbox" />SKY72 하늘코스</label>
					<label><input type="checkbox" />SKY72 하늘코스 </label>
					<label><input type="checkbox" />SKY72 하늘코스 </label>
				</dd>

				<dt><label><input type="checkbox" />경기/인천</label></dt>
				<dd>
					<label><input type="checkbox" />SKY72 하늘코스</label>
					<label><input type="checkbox" />SKY72 하늘코스</label>
					<label><input type="checkbox" />SKY72 하늘코스</label>
					<label><input type="checkbox" />SKY72 하늘코스</label>
					<label><input type="checkbox" />SKY72 하늘코스</label>
					<label><input type="checkbox" />SKY72 하늘코스</label>
				</dd>
			</dl>
		</article><!--//  class="area_choice" 끝-->	

		<!-- 예약분류선택 -->
		<h6 class="reserve_h6"><img src="../images/board/left_reserv_tit03.png" alt="예약분류선택" /></h6>
		<article class="reserve_select">
			<ul>
				<li><label><input type="radio" name="radio" id="radio" value="radio" onFocus="blur();" />실시간 예약</label></li>
				<li><label><input type="radio" name="radio" id="radio" value="radio" onFocus="blur();" />웨이팅 예약</label></li>
				<li><label><input type="radio" name="radio" id="radio" value="radio" onFocus="blur();" />자선 예약</label></li>
			</ul>
		</article><!--//   class="ma_bottom25 group" 끝-->

		<!--검색-->
		<p class="reserv_se"><img src="../images/btn/btn_search03.gif" alt="검색" /></p>

		<!--예약확인-->
		<div class="reserv_bt">
			<p>나의 예약내역 확인<span>(2)</span></p><!--/popup/pop_myreserve.html  최소 width:300px; height:480px 로 팝업띄우기-->
		</div>
	</section><!--//   id="left_content" 끝-->	
	
	<!--메인 컨텐츠-->
	<section id="main_content">
		<p class="reserve_arr"><img src="../images/board/booking_res02.gif" alt="예약선택/결제"></p>
		
		<!--view-->
		<article class="reserve_view_bgc">
			<p class="align_c"><img src="../images/board/reserv_tit_info.png" alt="예약정보"></p>
			<div class="reserve_view_bg">
				<div class="reserve_view">
					<!--좌측내용-->
					<div class="left_view">
						<p class="golf_d">
							<span>SKY72 하늘코스</span>
							<span>18H</span>
						</p>

						<p class="res_date">
							2012. 04. 23. 수요일<span>13:10</span>
						</p>

						<div class="res_price">
							<div>정상그린피</div>
							<div class="cost"><span>1,123,000</span>원</div>
							<div class="sale">
								<p class="ma_right20">고객그린피 할인가</p>
								<p class="s_price">\<span>1,090,000</span>원</p>
							</div>
						</div>
					</div><!--// class="left_view" 끝-->

					<!--우측내용-->
					<aside class="right_view">
						<!--아이콘-->
						<ul class="ico_list">
							<li><img src="../images/btn/ico_event01.png" alt="그린피" /></li>
							<li><img src="../images/btn/ico_event02.png" alt="카트피" /></li>
							<li><img src="../images/btn/ico_event03.png" alt="식사" /></li>
							<li><img src="../images/btn/ico_event04.png" alt="선물" /></li>
							<li><img src="../images/btn/ico_event05.png" alt="기타" /></li>
						</ul>

						<!--list-->
						<ul class="r_event_list">
							<li>제목이노출됩니다.제목이노출됩니다...</li>
							<li>제목이노출됩니다.제목이노출됩니다...</li>
							<li>골프인 오픈기념! 카트피 20% 할인</li>
							<li>한식당 <상궁> 전 식사 10% 할인</li>
							<li>오픈기념 사은품 지급</li>
						</ul>
					</aside><!--// class="right_view" 끝-->
				</div><!--//  class="reserve_view" 끝-->
			</div>
			<div class="amount align_c">
				<span>보증결제 금액 : <strong class="ft_r">300,000</strong> 원</span> 
				적립 예정 마일리지 : <strong class="ft_b">30,000</strong> 마일리지
				<p class="point">* 적립 예정 마일리지는 라운드가 정상적으로 종료될 경우 부여되는 마일리지입니다.</p>
			</div>
			

			<ul class="note">
				<li><strong>- 예약 정보를 확인 후 예약을 진행하여 주세요.</strong></li>
				<li>- 예약을 완료(확정) 하시려면 예약(보증결제)하기를 클릭해 주세요.</li>
				<li>- 나의 예약 정보는 마이골프인 >  부킹정보에서 확인 및 취소 할 수 있습니다.</li>
			</ul>
		</article><!--//  class="reserve_view_bg" 끝-->

		<!--btn-->
		<div class="btn_area_box02">
			<a href="#"><img src="../images/btn/btn_reserve05.gif" alt="가예약" /></a>
			<a href="#" class="ma_left5"><img src="../images/btn/btn_reserve06.gif" alt="예약(보증결제) 하기" /></a>
			<span class="left_btn"><a href="reserve_list.html"><img src="../images/btn/btn_list03.gif" alt="목록" /></a></span>
		</div>

		<!--상세내용-->
		<article class="res_list">
			<!--예약목록-->
			<h6><img src="../images/board/left_reserv_tit05.png" alt="고객님의 최근 예약목록" /></h6>
			<table class="res_list_thead">
				<caption>최근 예약목록</caption>
				<colgroup>
					<col width="115"><col width="70"><col width="120"><col width="50"><col width="110">
					<col width="160"><col width="*">
				</colgroup>
				<thead>
					<tr>
						<th><img src="../images/board/reserv_day.png" alt="날짜" /></th>
						<th><img src="../images/board/reserv_time.png" alt="시간" /></th>
						<th><img src="../images/board/reserv_golf.png" alt="골프장" /></th>
						<th><img src="../images/board/reserv_hole.png" alt="홀" /></th>
						<th><img src="../images/board/reserv_green.png" alt="그린피" /></th>
						<th><img src="../images/board/reserv_event.png" alt="이벤트" /></th>
						<th class="last"><img src="../images/board/reserv_condition.png" alt="상태" /></th>
					</tr>
				</thead>
			</table>

			<div class="list_scroll">
				<table class="res_list_tbody">
					<caption>최근 예약목록</caption>
					<colgroup>
						<col width="115"><col width="70"><col width="120"><col width="50"><col width="110">
						<col width="160"><col width="*">
					</colgroup>
					<tbody>
						<tr>
							<td class="td_day">2012.04.23</td>
							<td class="td_time">06:30</td>
							<td>SKY72 하늘코스</td>
							<td class="td_holl">18</td>
							<td class="td_price">
								<p>1,090,000</p>
								<p class="sale">1,123,000</p>
							</td>
							<td class="bt_re">
								<ul class="ico_list">
									<li><img src="../images/btn/ico_event01.png" alt="그린피" /></li>
									<li><img src="../images/btn/ico_event02.png" alt="카트피" /></li>
									<li><img src="../images/btn/ico_event03.png" alt="식사" /></li>
									<li><img src="../images/btn/ico_event04.png" alt="선물" /></li>
									<li><img src="../images/btn/ico_event05.png" alt="기타" /></li>
								</ul>
							</td>
							<td class="bt_re">가예약<br>(보증결제대기)</td>
						</tr>

						<tr>
							<td class="td_day">2012.04.23</td>
							<td class="td_time">06:30</td>
							<td>SKY72 하늘코스</td>
							<td class="td_holl">18</td>
							<td class="td_price">
								<p>1,090,000</p>
								<p class="sale">1,123,000</p>
							</td>
							<td class="bt_re">
								<ul class="ico_list">
									<li><img src="../images/btn/ico_event01.png" alt="그린피" /></li>
									<li><img src="../images/btn/ico_event02.png" alt="카트피" /></li>
									<li><img src="../images/btn/ico_event03.png" alt="식사" /></li>
									<li><img src="../images/btn/ico_event04.png" alt="선물" /></li>
									<li><img src="../images/btn/ico_event05.png" alt="기타" /></li>
								</ul>
							</td>
							<td class="bt_re">가예약<br>(보증결제대기)</td>
						</tr>

						<tr>
							<td class="td_day">2012.04.23</td>
							<td class="td_time">06:30</td>
							<td>SKY72 하늘코스</td>
							<td class="td_holl">18</td>
							<td class="td_price">
								<p>1,090,000</p>
								<p class="sale">1,123,000</p>
							</td>
							<td class="bt_re">
								<ul class="ico_list">
									<li><img src="../images/btn/ico_event01.png" alt="그린피" /></li>
									<li><img src="../images/btn/ico_event02.png" alt="카트피" /></li>
									<li><img src="../images/btn/ico_event03.png" alt="식사" /></li>
									<li><img src="../images/btn/ico_event04.png" alt="선물" /></li>
									<li><img src="../images/btn/ico_event05.png" alt="기타" /></li>
								</ul>
							</td>
							<td class="bt_re">가예약<br>(보증결제대기)</td>
						</tr>

						<tr>
							<td class="td_day">2012.04.23</td>
							<td class="td_time">06:30</td>
							<td>SKY72 하늘코스</td>
							<td class="td_holl">18</td>
							<td class="td_price">
								<p>1,090,000</p>
								<p class="sale">1,123,000</p>
							</td>
							<td class="bt_re">
								<ul class="ico_list">
									<li><img src="../images/btn/ico_event01.png" alt="그린피" /></li>
									<li><img src="../images/btn/ico_event02.png" alt="카트피" /></li>
									<li><img src="../images/btn/ico_event03.png" alt="식사" /></li>
									<li><img src="../images/btn/ico_event04.png" alt="선물" /></li>
									<li><img src="../images/btn/ico_event05.png" alt="기타" /></li>
								</ul>
							</td>
							<td class="bt_re">가예약<br>(보증결제대기)</td>
						</tr>

					</tbody>
				</table>
			</div>
		</article><!--//   class="res_list" 끝-->	
	</section><!--//   id="main_content" 끝-->	
</div><!--//   id="container" 끝-->	

<footer></footer>
</body>
</html>
